<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>首页</title>
    <link rel="stylesheet" href="style/css/common.css?v=0.13" />
    <link rel="stylesheet" href="style/css/home.css?v=0.13" />
</head>
<body>

    <div class="home">
        <div class="blank-1"></div>
        <div class="sigete">
            <img src="images/sigete.png" alt="" />
        </div>
        <div class="fansuo">
            <img src="images/fansuo.png" alt="" />
        </div>
        <div class="xitong">
            <img src="images/xitong.png" alt="" />
        </div>

        <div id="vin" class="vin">
            <div class="field">
                <input id='vin-text' type="text" value="" />
            </div>
            <div class="button">
                <a href="#" class="">

                </a>
            </div>
        </div>
        <script>
            function bg_reset(){
                var vin = document.getElementById('vin');
                var page_width =document.getElementsByTagName('body')[0].clientWidth;
                console.log( page_width );
                var height = Math.min( page_width * 12.5 / 100, 81 );
                vin.style.height = height  + 'px';

                var input = document.getElementById('vin-text');
                input.style.width = Math.min( page_width * 36 / 100 ,230 ) + 'px';
                input.style.height = Math.min(26.12, page_width * 4 / 100 ) + 'px';
                input.style.marginLeft = Math.min(83.85, page_width * 13 / 100 ) + 'px';
                input.style.marginTop = Math.min(25.8, page_width * 4 / 100 ) + 'px';
            }
            bg_reset();
            window.onresize = function(){
                bg_reset();
            };
        </script>
        <div class="other-search">
            ↓您还可以通过车型查询↓
        </div>
        <div class="search">
            <a href="#" class="button">
                <img src="images/search_button.png" alt="" />
            </a>
        </div>

        <div class="shuoming">
            <!--  --><p>
                本软件仅供参考使用，如遇查询信息不符 <br/>
                请及时致电：400-686-7677
            </p>
        </div>
    </div>
</body>
</html>